@charset "utf-8";
/* CSS Document */
body {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    transition: all 0.3s linear;
    width: 100%;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: normal;
    font-size: 14px;
    background-position: 71% 32px;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-color: hsla(0,0%,100%,1.00);
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-image: url(../pastorChapman/images/ChapmanWebsitBkg2%20copySmall.jpg);
    font-style: normal;
}

body header {
}






#banner {
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: inline-block;
    padding-top: 80px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    background-attachment: fixed;
    background-position: right center;
    background-size: cover;
    /* [disabled]background-image: url(../pastorChapman/images/ChapmanWebsitBkg2%20copySmall.jpg); */
    height: auto;
}
#banner #projButtonBanner {
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 30px;
    width: 200px;
    height: 200px;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    background-color: hsla(0,0%,0%,1.00);
    border-bottom-left-radius: 50%;
    border-bottom-right-radius: 50%;
    margin-top: 0px;
    padding-right: 20px;
}

#mortgage365 {
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 43px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    /* [disabled]background-color: #FDB600; */
    border-radius: 50%;
    color: #E3B71A;
    text-align: center;
    font-family: "Trajan Pro 3";
    font-size: 1.5rem;
    line-height: 1.5rem;
    text-decoration: none;
    border: thick double hsla(49,97%,49%,1.00);
}
#mortgage365:hover {
    background-color: hsla(0,0%,100%,0.39);
    width: 100%;
    height: 100%;
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-top: 43px;
    padding-left: 0px;
    padding-bottom: 0px;
    background-image: -webkit-linear-gradient(270deg,rgba(250,205,5,1.00) 39.79%,rgba(202,153,0,1.00) 70.98%);
    background-image: -moz-linear-gradient(270deg,rgba(250,205,5,1.00) 39.79%,rgba(202,153,0,1.00) 70.98%);
    background-image: -o-linear-gradient(270deg,rgba(250,205,5,1.00) 39.79%,rgba(202,153,0,1.00) 70.98%);
    background-image: linear-gradient(180deg,rgba(250,205,5,1.00) 39.79%,rgba(202,153,0,1.00) 70.98%);
    color: hsla(0,0%,0%,1.00);
    font-weight: bold;
}
#projButtonBanner #mortgage365 span {
    font-size: 0.8rem;
    line-height: 1.8rem;
    margin-top: 0px;
}
#onlineStudies {
}

#banner #services {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 110px;
    margin-bottom: 0px;
    padding-top: 50px;
    padding-right: 0px;
    padding-bottom: 50px;
    padding-left: 0px;
    float: left;
    margin-left: 0px;
    margin-right: 0px;
    background-color: #6B0002;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    text-align: center;
    font-size: 1.1rem;
    color: #FFFFFF;
}
#banner #churchAdvertising  {
    width: 50%;
    display: inline-block;
    height: auto;
    margin-top: 10%;
    margin-bottom: 10%;
    padding-top: 5%;
    padding-right: 0%;
    padding-bottom: 5%;
    padding-left: 2%;
    /* [disabled]background-color: #000000; */
    margin-left: 5%;
    margin-right: 10%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #FFFFFF;
    min-width: 250px;
}
#churchAdvertising video  {
    width: 100%;
    height: auto;
    display: block;
    margin-right: 0px;
    margin-left: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-bottom: 0px;
}
#churchAdvertising #advertisingWords  {
    font-family: "Felix Titling";
    font-style: normal;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 10%;
}



#banner #services #servicesTxt {
    font-family: Tangerine;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    color: #FFFFFF;
    font-size: 80px;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: 65px;
}
#banner #services a {
    width: 50%;
    height: auto;
    display: block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid #000000;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    color: hsla(0,0%,99%,1.00);
    background-color: hsla(0,0%,0%,0.60);
    font-weight: bold;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(270deg,rgba(58,58,58,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(58,58,58,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(58,58,58,1.00) 0%,rgba(0,0,0,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(58,58,58,1.00) 0%,rgba(0,0,0,1.00) 100.00%);
}
#banner #services a:hover  {
    width: 50%;
    height: auto;
    display: block;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    margin-top: 20px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    border: thin solid #27F900;
    border-radius: 10px;
    text-align: center;
    text-decoration: none;
    color: hsla(0,0%,99%,1.00);
    background-color: hsla(0,0%,0%,0.60);
    font-weight: bold;
    letter-spacing: 1px;
    background-repeat: no-repeat;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    background-image: -webkit-linear-gradient(90deg,rgba(58,58,58,1.00) 1.66%,rgba(0,0,0,1.00) 99.59%);
    background-image: -moz-linear-gradient(90deg,rgba(58,58,58,1.00) 1.66%,rgba(0,0,0,1.00) 99.59%);
    background-image: -o-linear-gradient(90deg,rgba(58,58,58,1.00) 1.66%,rgba(0,0,0,1.00) 99.59%);
    background-image: linear-gradient(0deg,rgba(58,58,58,1.00) 1.66%,rgba(0,0,0,1.00) 99.59%);
}
#biblestudy p span {
    color: #FF5F00;
}

#services #worshipService span {
    font-weight: normal;
    color: hsla(48,100%,50%,1.00);
    width: 0%;
}


#banner #services #donation {
    background-color: #02899B;
    font-size: 0.9rem;
    height: auto;
    display: inline-block;
    line-height: normal;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 50%;
    background-image: -webkit-linear-gradient(270deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    border-radius: 10px;
}
#banner #services #donation:hover  {
    background-color: #02899B;
    font-size: 0.9rem;
    height: auto;
    display: inline-block;
    line-height: normal;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 50%;
    background-image: -webkit-linear-gradient(90deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(0,158,180,1.00) 0%,rgba(0,84,96,1.00) 100%);
    border-radius: 10px;
}
#services #donation #giveBtnTxt {
    width: 55%;
    height: auto;
    display: inline-block;
    text-align: center;
}


#services #donation span {
    font-size: 2.5vw;
    line-height: normal;
}
#services #donation #cashAppBtn {
    width: 90px;
    height: auto;
    display: block;
    margin-top: 10px;
    margin-right: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    float: right;
}
#banner #services #worshipVideoBox {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 1%;
    padding-right: 1%;
    padding-bottom: 1%;
    padding-left: 1%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

#banner #services .worshipVideo {
    width: 48%;
    height: auto;
    display: block;
    margin-top: 10px;
    margin-bottom: 30px;
    padding-top: 10px;
    padding-right: 8px;
    padding-bottom: 10px;
    padding-left: 8px;
    background-color: hsla(0,0%,0%,0.55);
    border-radius: 5px;
    color: #FFFFFF;
    font-weight: bold;
    text-align: center;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
}
#worshipVideoBox .worshipVideo #currentVideo {
    width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#worshipVideoBox .worshipVideo #previousVideo {
    width: 100%;
    height: auto;
    display: block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}


#services #worshipVideo span {
    color: #FFCA00;
    font-weight: normal;
}
#banner #services #goodFridayStream {
    background-color: #FF0004;
    padding-top: 20px;
    padding-right: 20px;
    padding-bottom: 20px;
    padding-left: 20px;
    font-weight: bold;
    margin-bottom: 10px;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    background-image: url(../ChristianEducation/images/Backgrounds/bkg2a.jpg);
    background-position: left top;
    background-size: 100% 100%;
    display: none;
}
#services #goodFridayStream span {
    font-size: 1.5rem;
    line-height: 1.5rem;
}






#onlineStudies {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-bottom: 20px;
    padding-left: 0px;
    background-color: #DDDDDD;
    padding-top: 20px;
}
#onlineStudies .onlineButtons {
    background-image: -webkit-linear-gradient(270deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100.00%);
    border-radius: 10px;
    border: thin solid #5C5C5C;
    width: 50%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
    font-size: 1rem;
    line-height: 1rem;
    margin-top: 0px;
    margin-bottom: 20px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
}
#onlineStudies .onlineButtons:hover  {
    background-image: -webkit-linear-gradient(90deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(225,79,116,1.00) 0%,rgba(152,65,87,1.00) 100%);
    border-radius: 10px;
    border: thin solid #64FF1F;
}
#onlineStudies .classes {
    font-size: 60px;
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    text-align: center;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    line-height: normal;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
}










.urgentNotice {
    width: 100%;
    height: auto;
    margin-top: 0%;
    margin-right: 0%;
    margin-bottom: 0%;
    margin-left: 0%;
    padding-top: 2%;
    padding-right: 5%;
    padding-bottom: 8%;
    padding-left: 5%;
    display: inline-block;
    background-color: #FFFFFF;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.urgentNotice #eventsActivities {
    width: 100%;
    height: auto;
    margin-top: 30px;
    margin-bottom: 30px;
    margin-left: 0px;
    margin-right: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #000000;
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 72px;
    line-height: 72px;
    text-align: center;
}



.urgentNotice .prayer {
    width: 60%;
    height: auto;
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
    background-color: #E1C074;
    background-image: url(../IntercessoryPrayer/images/psalm55-17.png);
    padding-bottom: 100px;
    background-position: left 0%;
    background-repeat: no-repeat;
    background-size: contain;
}







#box0  {
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
    margin-bottom: 0px;
    color: #848484;
    width: 100%;
    text-align: center;
    background-color: #FFFFFF;
    display: inline-block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    height: auto;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-size: 1.1rem;
    line-height: 1.2rem;
    font-style: normal;
    font-weight: 600;
    border-bottom: medium solid #B0B0B0;
}

#box0 #mission  {
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    line-height: 50px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    display: block;
    width: 100%;
    height: auto;
    padding-top: 2%;
    padding-bottom: 1%;
    color: #000000;
}
.urgentNotice #box0 .missionVisionHeadings {
    color: #848484;
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#box0 p  {
    padding-bottom: 0px;
    padding-top: 0px;
    color: #000000;
    margin-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
#box0 p strong {
    margin-top: 5px;
    margin-right: auto;
    margin-bottom: 5px;
    margin-left: auto;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
}


#box0 .belief {
    width: 40%;
    height: auto;
    border-color: #DADADA;
    border-width: thin;
    border-radius: 5px;
    display: inline-block;
    text-decoration: none;
    margin-bottom: 40px;
    background-color: #B2BACD;
    color: #444444;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    padding-top: 10px;
    padding-bottom: 10px;
    text-align: center;
}
#box0 .belief:hover  {
    width: 40%;
    height: auto;
    border-radius: 5px;
    display: inline-block;
    margin-left: 5%;
    margin-right: 5%;
    text-decoration: none;
    margin-bottom: 40px;
    background-color: #A0C3FF;
    color: #FFFFFF;
    padding-top: 10px;
    padding-bottom: 10px;
}
.urgentNotice .events {
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 4rem;
    line-height: normal;
    text-align: center;
}
.urgentNotice #eventSubmitForms {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0%;
    padding-right: 2%;
    padding-bottom: 4%;
    padding-left: 2%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #000000;
    font-family: "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
    font-size: 1.1rem;
    line-height: 1.1rem;
    text-align: center;
}
.urgentNotice #eventSubmitForms a {
    background-color: #B2BACD;
    color: #000000;
    width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 5px;
    text-decoration: none;
    margin-top: 10px;
    margin-bottom: 20px;
}
.urgentNotice #eventSubmitForms a:hover  {
    background-color: #A0C3FF;
    color: #FFFFFF;
    width: 80%;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    border-radius: 5px;
    text-decoration: none;
}








#videoStream {
    width: 46%;
    background-color: #E6E6E6;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 60px;
    padding-left: 0px;
    margin-top: 2.66%;
    margin-bottom: 2.66%;
    margin-left: 2.66%;
    display: inline-block;
    height: 420px;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: lighter;
    float: left;
}
#videoStream #media  {
    text-align: center;
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    color: #000000;
    margin-top: 30px;
    margin-left: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}

#containerbox1 {
    width: 100%;
    height: auto;
    background-color: #E6E6E6;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-left: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    display: block;
    padding-top: 0px;
}
#containerbox1 #aboutNewHope  {
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    text-align: center;
    color: #000000;
    margin-top: 30px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
    width: 100%;
    height: auto;
    display: inline-block;
}
#containerbox1 #container {
    width: 90%;
    height: auto;
    display: inline-block;
    /* [disabled]position: relative; */
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    margin-bottom: 0px;
    /* [disabled]padding-bottom: 150px; */
    margin-top: 0px;
    padding-top: 0px;
    padding-left: 0px;
    padding-right: 0px;
    margin-left: 5%;
    margin-right: 5%;
}

#container #box1 {
    width: 22%;
    height: auto;
    display: block;
    float: left;
    /* [disabled]min-width: 200px; */
    margin-right: 1%;
    margin-left: 1%;
    padding-right: 0.5%;
    padding-left: 0.5%;
    margin-top: 30px;
    background-color: #FFFFFF;
    padding-bottom: 20px;
    padding-top: 20px;
    margin-bottom: 0px;
    min-height: 660px;
}
#container #box2 {
    width: 47%;
    height: auto;
    display: inline-block;
    float: left;
    text-align: center;
    margin-left: 1%;
    margin-right: 1%;
    padding-right: 0%;
    padding-left: 0%;
    /* [disabled]min-width: 325px; */
    background-color: #D5C27E;
    margin-bottom: 0px;
    padding-bottom: 20px;
    margin-top: 30px;
    min-height: 680px;
    background-position: center bottom;
    background-size: contain;
    background-repeat: no-repeat;
}
#container #box2 #church-newstag {
    color: #000000;
    font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: bold;
    font-size: 1.5rem;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    height: auto;
    line-height: 1.5rem;
    text-align: center;
    width: 100%;
    display: inline-block;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #D5C27E;
}
#box2 #church-newstag p {
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}

#container #box2 img {
    width: 90%;
    height: auto;
    margin-top: 20Px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    /* [disabled]border-top-left-radius: 10px; */
    display: block;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#container #box2 #marquee {
    width: 100%;
    height: 577px;
    background-color: #FFFFFF;
    overflow-y: scroll;
    margin-bottom: 0px;
    margin-top: 0px;
    float: left;
    display: none;
}

#container #box2 .infoButton {
    width: 85%;
    height: auto;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-decoration: none;
    line-height: 1.1rem;
    color: #000000;
    background-color: #EFEFEF;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    border: medium solid #8D8258;
    font-size: 1.1rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(270deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: -moz-linear-gradient(270deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: -o-linear-gradient(270deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: linear-gradient(180deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
}
#container #box2 .infoButton:hover  {
    width: 85%;
    height: auto;
    display: block;
    padding-bottom: 15px;
    margin-bottom: 10px;
    margin-top: 20px;
    text-decoration: none;
    line-height: 1.1rem;
    color: #000000;
    background-color: #EFEFEF;
    padding-top: 15px;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto;
    border-radius: 10px;
    border: medium solid #1FEA00;
    font-size: 1.1rem;
    font-weight: bold;
    background-image: -webkit-linear-gradient(90deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: -moz-linear-gradient(90deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: -o-linear-gradient(90deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
    background-image: linear-gradient(0deg,rgba(247,233,187,1.00) 0%,rgba(186,165,88,1.00) 100%);
}

#container #box3 {
    width: 23%;
    height: auto;
    display: block;
    float: left;
    margin-left: 1%;
    margin-right: 1%;
    background-color: #FFFFFF;
    margin-top: 30px;
}
#container #box3 section {
    margin-top: 10px;
    width: 100%;
    height: auto;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    padding-bottom: 20px;
    /* [disabled]background-color: #FFFFFF; */
    display: inline-block;
}
#container #box3 h4 {
    text-align: center;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    color: #0985A0;
    margin-top: 15px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    line-height: normal;
}
#container #box3 p {
    width: 96%;
    font-size: 14px;
    text-align: left;
    margin-top: 10px;
    margin-right: 2%;
    margin-bottom: 0px;
    line-height: 14px;
    margin-left: 2%;
}
#container #box3 .new-members-info {
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #3E001C;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    transition: all 0.3s linear;
    margin-left: 5px;
    margin-right: 5px;
}
#container #box3 .new-members-info:hover  {
    text-align: center;
    text-decoration: none;
    color: #FFFFFF;
    background-color: #A0C3FF;
    line-height: 40px;
    display: block;
    margin-bottom: 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
#container #box3 .church-Email {
    text-align: center;
    display: block;
    line-height: 50px;
    color: #FFFFFF;
    background-color: #0985A0;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5px;
    transition: all 0.3s linear;
    margin-left: auto;
    margin-right: auto;
    width: 50%;
}
#container #box3 .church-Email:hover  {
    text-align: center;
    display: block;
    line-height: 50px;
    color: #FFFFFF;
    background-color: #A0C3FF;
    text-decoration: none;
    margin-top: 20px;
    margin-bottom: 10px;
    border-radius: 5%;
}
#new-members-info {
}
#containerbox2  {
    width: 100%;
    height: auto;
    display: inline-block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    color: #FFFFFF;
}
#container2   {
    width: 90%;
    height: auto;
    /* [disabled]display: none; */
    margin-top: 0px;
    margin-right: 5%;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: 5%;
}
#container2 h2  {
    width: 100%;
    height: auto;
    display: block;
    text-align: center;
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 60px;
    color: #000000;
}
#containerbox2 #container2 #splashFrame {
    width: 100%;
    height: 2400px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 50px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    display: inline-block;
}
#box4 .splash img {
    width: 100%;
    height: auto;
    display: block;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#box4 .splash .infoButton {
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    display: block;
    width: 80%;
    margin-top: 15px;
    margin-right: auto;
    /* [disabled]margin-bottom: 15px; */
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #E1E1E1;
    border: 1px solid #D5D5D5;
    border-radius: 20px;
}
#box4 .splash .infoButton:hover  {
    text-align: center;
    line-height: 40px;
    text-decoration: none;
    display: block;
    width: 80%;
    margin-top: 15px;
    margin-right: auto;
    /* [disabled]margin-bottom: 15px; */
    margin-left: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    background-color: #E1E1E1;
    border: 1px solid #D5D5D5;
    border-radius: 20px;
    color: #000000;
}




body footer {
    width: 100%;
    background-color: #3E001C;
    color: rgba(255,255,255,1.00);
    display: inline-block;
    text-align: center;
    margin-top: 0px;
    padding-top: 20px;
    padding-bottom: 40px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-right: 0px;
    padding-left: 0px;

}





@media (max-width:1051px){
#container {
    width: 100%;
    margin-left: 0px;
    margin-right: 0px;
}
.urgentNotice .vbs {
    width: 80%;
}

.urgentNotice .projectHope {
    width: 80%;
}





#videoStream {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}

#onlineClassses  {
    width: 100%;
    margin-left: 0%;
    margin-right: 0%;
}


#containerbox1 #container #box3 {
    width: 98%;
    margin-top: 50px;
}
#box3 section  {
    display: inline-block;
    float: left;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#containerbox2 #container2 {
    width: 90%;
    display: inline-block;
    height: auto;
}

#box4 .splashbox .splash {
    width: 100%;
    float: none;
    height: auto;
    display: block;
}

.splashbox .splash img {
    width: 590px;
    height: auto;
    float: none;
}






}

@media (max-width : 740px ){
#banner {

}
#surveyBox img {
    width: 95%;
}

#containerbox1 #container {
}

#container #box1  {
    width: 97%;
    display: inline-block;
    margin-left: 1%;
    margin-right: 1%;
    float: left;
}
#container #box2  {
    width: 97%;
    float: left;
    display: inline-block;
}
#container #box3 {
    width: 98%;
    display: inline-block;
}
#containerbox2 #container2 {
    width: 90%;
}

.splashbox .splash  {
    width: 100%;
}
#box0 #belief {
    width: 80%;
}
#box0 #belief:hover {
    width: 80%;
}
.urgentNotice img {
    width: 80%;
}
.urgentNotice #covid19Test {
    width: 80%;
}
.urgentNotice #covid19Test:hover  {
    width: 80%;
}





#videoStream #childrenChurch {
    width: 80%;
}
#videoStream #childrenChurch:hover {
    width: 80%;
}
#videoStream #sundaySchool {
    width: 80%;
}
#videoStream #sundaySchool:hover {
    width: 80%;
}
#videoStream #worshipService {
    width: 80%;
}
#videoStream #worshipService:hover  {
    width: 80%;
}
#videoStream #youthService {
    width: 80%;
}
#videoStream #youthService:hover  {
    width: 80%;
}

#videoStream #biblestudy {
    width: 80%;
}
#videoStream #biblestudy:hover {
    width: 80%;
}
#onlineClassses a {
    width: 80%;
}
#onlineClassses a:hover  {
    width: 80%;
}















}

@media (max-width: 375px){
#onlineClassses a {
    width: 80%;
}
#onlineClassses a {
    width: 80%;
}
#videoStream #sundaySchool {
    width: 80%;
}
#videoStream #childrenChurch {
    width: 80%;
}
#videoStream #childrenChurch {
    width: 80%;
}
#banner #bannerBox {
    background-image: url(../images/NH-LogotypeNonOvalLogo.png);
    background-size: 90% auto;
    width: 96%;
    height: 120px;
    background-repeat: no-repeat;
    background-position: left top;
}
}

@media (max-width:1170px) and (min-width:741px){
#container #box1 {
    width: 47%;
}
#container #box2 {
    width: 47%;
}
#container #box3 {
    width: 98%;
}



}

#onlineStudies #classes {
    font-family: tangerine;
    font-style: normal;
    font-weight: 400;
    font-size: 72px;
    text-align: center;
    margin-top: 20px;
    margin-right: 0px;
    margin-bottom: 20px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    width: 100%;
    height: auto;
}

@media (max-width:799px){
}

@media (min-width:800px){

}

@media (max-width:499px){
#banner #services #donation {
    padding-bottom: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-left: 0px;
}
#services #donation #giveBtnTxt {
    width: 80%;
    height: auto;
    display: inline-block;
    margin-top: 10%;
    margin-right: 10%;
    margin-bottom: 10%;
    margin-left: 10%;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
}
#services #donation #cashAppBtn {
    width: 80%;
    display: block;
    margin-right: 10%;
    margin-bottom: 10%;
}
#banner #projButtonBanner {
    width: 150px;
    height: 150px;
    padding-top: 15px;
    padding-right: 15px;
    padding-bottom: 15px;
    padding-left: 15px;
}
#banner #projButtonBanner #mortgage365 {
    padding-top: 28px;
    font-size: 1rem;
    line-height: 1.2rem;

}
#projButtonBanner #mortgage365 span {
    font-size: 0.6rem;
    line-height: 0.6rem;
}










}
#LogoOFChurch {
}

@media (max-width:899px){
#services #worshipVideoBox .worshipVideo {
    width: 98%;
}

}